<template>
    <footer class="vab-footer">
        Copyright
        <vab-icon icon="copyright-line"/>
        {{ title }} {{ fullYear }}
    </footer>
</template>

<script crossorigin="" lang="ts">
import {title} from '@/config'
import Vue from "vue";
import Component from "vue-class-component";

@Component({})
export default class VabFooter extends Vue {
    private fullYear: number = new Date().getFullYear();
    private title: string = title;
}
</script>

<style lang="scss" scoped>
.vab-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 55px;
    padding: 0 $base-padding 0 $base-padding;
    color: rgba(0, 0, 0, 0.45);
    background: $base-color-white;
    border-top: 1px dashed $base-border-color;

    i {
        margin: 0 5px;
    }
}
</style>
